<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" title="选择权益规则" width="70vw" :visible.sync="mixinEdit_editVisible"
    :before-close="hideBox" append-to-body @opened="opened">
    <div class="dialogStyleBaseBox">

        <LayoutTableSmall>
            <!-- 其他 -->
            <template slot="other"></template>
            <!-- 搜索 -->
            <template slot="search">
                <el-select v-model="value" placeholder="请选择权益" @change="selectPower">
                    <el-option v-for="item in powerOptions" :key="item.id" :label="item.rightName" :value="item.id">
                    </el-option>
                </el-select>
            </template>
            <!-- 功能 -->
            <template slot="function">
            </template>
            <!-- 表格 -->
            <template slot="table">
                <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;"
                    :ref="mixinPage_vueName+'TableSmall'" height="300px" default-expand-all row-key="id">
                    <el-table-column type="index" width="50" :index="mixinTable_indexMethod" align="center" label="#">
                    </el-table-column>
                    <el-table-column prop="rightRuleName" label="权益规则名称"></el-table-column>
                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button style="width:80px;" @click="btnClick(scope)">
                                {{isSelected(scope.row.id)? '取消选择' : '选择'}}
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>

            </template>
            <!-- 表格选项 -->
            <template slot="options">
            </template>
            <!-- 分页 -->
            <template slot="page">
                <el-pagination class="paginationStyle" v-if="mixinList_pageData.total>0" background
                    @current-change="mixinList_pagingData($event,'tableData')"
                    :current-page="mixinList_pageData.pageNum" :page-size.sync="$vFN.Constants.pageSize"
                    layout="total, prev, pager, next,jumper" :total.sync="mixinList_pageData.total">
                </el-pagination>
            </template>


        </LayoutTableSmall>

    </div>



</el-dialog>